<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../js/jquery.pwdDetect.js"></script>
    <style type="text/css">
        .safe_line {
            margin-right: 10px;
            float: left;
            margin-top: 7px;
            margin-left: 15px;
            width: 30px;
            height: 5px;
            border-radius: 5px;
        }

        .bc0001 {
            background: red;
        }

        .ff9537 {
            background: none 0 0 repeat scroll rgb(255, 127, 0);
        }

        .ffd800 {
            background: none 0 0 repeat scroll rgb(240, 240, 40);
        }

        .b5dc05 {
            background: none 0 0 repeat scroll rgb(122, 222, 24);
        }

        .c519 {
            background: none 0 0 repeat scroll rgb(73, 197, 25);
        }
    </style>
</head>
<div>
    <input id="input1" type="text">
</div>
<body>
<script type="text/javascript">
    $(function () {
        $('#input1').pwdDetect();
    });
</script>
</body>
</html>